<template>
    <div class="recommend">
        <h1>周末去哪儿</h1>
        <dl v-for="(item,index) of weekendList" :key="index">
            <dt><img :src="item.imgSrc"></dt>
            <dd>{{item.imgTitle}}）</dd>
        </dl>
    </div>
</template>
<script>
export default {
  name: 'homeWeekend',
  props: {
    weekendList: Array
  },
  data () {
    return {

    }
  }
}
</script>
<style lang="stylus" scoped>
.recommend {
    width: 90%;
    margin: 0 auto;
}

.recommend h1 {
    font-size: 0.3rem;
    line-height: 1rem;
}

.recommend dl {
    padding: 0.2rem 0;
    border-bottom: 1px solid #d1e0e7;
    background: #fff;
}

.recommend dt {
    display: inline-block;
}

.recommend dt img {
    width: 2rem;
}

.recommend dd {
    display: inline-block;
    width: 65%;
}
</style>
